<template>
	<view>
		<!--  -->
		<view class="margin">
			<u-gap height="10"></u-gap>
			<view class="points mt20 flex-cen">
				<view class="text-center">
					<u--text size='30' color='#fff' mode="price" :text="count"></u--text>
					<view class="text-white">
						余额
					</view>
				</view>
			</view>
			<u-gap height="40"></u-gap>
			<view class="">
				<u-cell-group>
					<u-cell icon="rmb-circle" title="提现" :isLink="true" arrow-direction="right"></u-cell>
					<u-cell icon="red-packet-fill" title="分利清单" :isLink="true" arrow-direction="right"></u-cell>
				</u-cell-group>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status: 'loadmore',
				pageNum: 1,
				pageSize: 10,
				count: 0,
				list: []
			};
		},
		onShow() {

		},
		methods: {
			splice(word) {
				return '+' + word
			},
			async getList(e) {
				let data = {
					"userId": uni.getStorageSync('userInfo').userid,
					"pageNum": this.pageNum,
					"pageSize": this.pageSize
				}
				let re = await this.$API.poitnsApi.getList(data);
				this.list = re.list
			},
			async balance(e) {
				let id = uni.getStorageSync('userInfo').userid
				let re = await this.$API.poitnsApi.balance(id);
				this.count = re
			},
		}

	}
</script>

<style lang="scss">
	page {
		// background-color: #f3f3f3;
	}

	.points {
		background-color: #55aaff;
		// background-color: #7976e9;
		border-radius: 12rpx;
		height: 200rpx;
	}
</style>